<template>
  <div id="points">
    <points-nav-bar />
    <points-panel />
    <points-record />
    <router-view />
  </div>
</template>

<script>
import PointsNavBar from './childComps/PointsNavBar'
import PointsPanel from './childComps/PointsPanel'
import PointsRecord from './childComps/PointsRecord'
export default {
  components: {
    PointsNavBar,
    PointsPanel,
    PointsRecord
  }
}

</script>
<style lang="less" scoped>
#points {
  position: relative;
  height: 100vh;
  background-color: #f5f5f5;
  z-index: 1;
}
</style>